<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Amaze UI Admin index Examples</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="__STATIC__/assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="__STATIC__assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="__STATIC__/assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="__STATIC__/assets/css/admin.css">
    <link rel="stylesheet" href="__STATIC__/assets/css/app.css">

    
    
</head>
<style type="text/css">
        .active{color:red;}
        .pagination li{margin: 0px 10px; border: 1px solid #e6e6e6;padding: 3px 8px;display: inline-block;}
        .pagination .active{background-color: #46A3FF;color: #fff;}
        .pagination .disabled{color: #aaa;}

</style>

<body data-type="generalComponents">


    {include file="public:header"/}


    {include file="public:sidemenu"/}

        <div class="tpl-content-wrapper">
            <div class="tpl-content-page-title">
                用户列表
            </div>
           
            <div class="tpl-portlet-components">
                  <!--              <div class="portlet-title">
                    <div class="caption font-green bold">
                        <span class="am-icon-code"></span> 用户列表
                    </div>
                    <form action="#" method="post">
                    <div class="tpl-portlet-input tpl-fz-ml">
                        <div class="am-form-group">
                            <select data-am-selected="{btnSize: 'sm'}" name="method">
                                <option value="0">选择搜索类别</option>
                                <option value="1">用户名</option>
                                <option value="2">联系方式</option>
                                
                            </select>
                        </div>
                        <div class="portlet-input input-small input-inline">
                            <div class="input-icon right">
                                <i class="am-icon-search"></i>
                                <input type="text" name="search" class="form-control form-control-solid" placeholder="搜索...">
                            </div>
                        </div>
                    </div>
                    </form>
                </div>-->
                <div class="tpl-block">
                    <div class="am-g">
                        <div class="am-u-sm-12 am-u-md-6">
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs">
                                   <a href="{:url('formuser/add')}" style="color: #ffffff; display:block;" id="add1"><button type="button" class="am-btn am-btn-default am-btn-success"><span class="am-icon-plus"></span>新增</button></a>                                   
                                </div>
                                
                            </div>
                        </div>
                         <button class="am-btn am-btn-secondary" type="button"><a href="{:url('Formuser/jiekou')}">查看</a></button>
                        
                    </div>
                    <div class="am-g" id="dis1">
                        <div class="am-u-sm-12">
                            <form class="am-form">
                                <table class="am-table am-table-striped am-table-hover table-main">
                                    <thead>
                                        <tr>
                                            
                                            <th class="table-id">ID</th>
                                            <th class="table-type">头像</th>
                                            <th class="table-title">用户名</th>
                                            <th class="table-type">性别</th>
                                            <th class="table-type">联系方式</th>
                                            <th class="table-author am-hide-sm-only">身份证号</th>
                                            <th class="table-set">操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {volist name="userlist" id="vo"}
                                        <tr>
                                            
                                            <td>{$vo.u_id}</td>
                                            <td><img src="__STATIC__/posters/{$vo.u_pic}" style="width: 90px;height: 90px; border-radius: 45px"></td>
                                            <td><a href="#">{$vo.u_name}</a></td>
                                            <td>{if condition="$vo.u_gender==0"}<span class="label label-success">男</span>
                                            {else /}<span class="label label-success">女</td>
                                            {/if}
                                            <td class="am-hide-sm-only">{$vo.u_telephone}</td>
                                            <td class="am-hide-sm-only">{$vo.u_num}</td>
                                            <td>
                                                <div class="am-btn-toolbar">
                                                    <div class="am-btn-group am-btn-group-xs">
                                                        <button class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span><a href="{:url('formuser/edit',['id'=>$vo.u_id])}" style="color: #3bb4f2">修改</a></button>
                                                        <button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only"><span class="am-icon-trash-o"></span><a href="{:url('formuser/delUser',['id'=>$vo.u_id])}" style="color: #3bb4f2">删除</a></button>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        {/volist}
                                    </tbody>
                                </table>
                                <div class="am-cf">

                                    <div class="am-fr">
                                        <ul class="am-pagination tpl-pagination">
                                            {$userlist->render()}
                                        </ul>
                                    </div>
                                </div>
                                <hr>

                            </form>
                        </div>

                    </div>

                    

                </div>
                <div class="tpl-alert"></div>
            </div>

        </div>


    </div>

    
    {include file="public:footer"}
    
</body>

</html>